<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<style>
    .base{
        border: 5px;
        border-bottom-style: dashed;
        border-right-style: double;
        border-left-style: solid;
        border-top-style: groove;
        margin: 50px;
    }
    .left{
        width: 20%;
        float: left;
    }
    .right{
        width: 60%;
        float: right;
    }
</style>
</head>
<body>

<div>
    <div class="base left">
        abc
    </div>
    <div class="base right">
        abc
    </div>
</div>

</body>
</html>